<template>
	<view class="content">
		<view class="app-title ac">
			<view class="fl" @click="back"><image class="back" src="/static/img/back.png"></image></view>维修建议
		</view>
		
		<!-- <view class="fault-status">中心金钻站场显示故障状态<view class="fr"><image class="arrow" src="/static/img/arrow.png"></image></view></view> -->
		
		<view class="fault-content" style="margin-top: 20px;">
			<view><b>故障查询</b></view>
			<view class="type"><b>故障名称：</b></view>
			<view>{{detail.armcontent}}</view>
			<!-- <view class="type"><b>故障判断：</b></view>
			<view>应用服务器双机宕机，通信服务器双机宕机；中心与车站的ATS双网断开；</view>
			<view class="type"><b>处理步骤</b></view>
			<view>（1）中心行调应立即通知全线降站控，车站值班员应关注车站管辖范围内的列车进站的办理情况，如出现列车进站办理失败或无办理的情况，需及时人工办理；（2）车站值班员应关注车站管辖范围内的列车进站的办理情况，如出现列车进站办理失败或无办理的情况，需及时人工办理；（3）车站值班员应关注车站管辖范围内的列车进站的办理情况，列车进站办理失败或无办理的情况，需及时人工办理；</view> -->
		</view>
		
		<!-- <view class="fault-content">
			<view><b>某某某情况</b></view>
			<view class="type"><b>故障名称：</b></view>
			<view>中心金钻战场显示故障状态</view>
		</view> -->
	</view>
</template>

<script>
export default{
	data() {
		return {
			id : '',
			detail:[]
		}
	},
	onLoad(options){
		this.id = options.id;
	},
	created() {
		this.initDetail()
	},
	methods:{
		back() {
			uni.navigateBack();
		},
		initDetail() {
			this.fetch('GET',this.baseUrl()+'/home/getOneItem',{armCode:this.id},true).then((res)=>{
				if(res.returnCode == 1) this.detail = res.data;
			})
		}
	}
}
</script>

<style scoped>
	.fault-status{
		line-height: 54px;background: #FFFFFF;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);padding: 0 16px;margin-bottom: 16px;
	}
	.arrow{
		width: 7px;height: 14px;vertical-align: middle;
	}
	.fault-content{
		width: 91.5%;background: #FFFFFF;box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.05), 2px 2px 4px rgba(0, 0, 0, 0.05);border-radius: 6px;margin: 0 auto;margin-bottom: 16px;padding: 16px;font-size: 14px;
	}
	.fault-content>view:first-child{
		font-size: 16px;margin-bottom: 6px;
	}
	.fault-content>.type{
		margin: 10px 0;
	}
</style>
